<template>
	<div class="ClassCard">
		<el-col :span="8">
			<img src="https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png"
				class="image" />
		</el-col>
		<el-col :span="16">

			<el-descriptions column="1" align='left'>
				<el-descriptions-item label="中文名称">科学计算与数据分析</el-descriptions-item>
				<el-descriptions-item label="课程编号">F402004</el-descriptions-item>
				<el-descriptions-item label="英文名称">Scientifhc computing and data analysis</el-descriptions-item>
				<el-descriptions-item label="课程总学时">32</el-descriptions-item>
				<el-descriptions-item label="实验学时">16</el-descriptions-item>
				<el-descriptions-item label="开设学期">2021-2022-2</el-descriptions-item>
			</el-descriptions>
		</el-col>
	</div>
</template>
<style>
	.ClassCard {
		background-color: rgb(215, 251, 233);
		width: 100%;
		display: flex;
		/* flex-direction: column; */
		justify-content: space-around;
		align-items: center;
	}

	.image {
		padding: 2%;
	}

	.el-descriptions .el-descriptions__body {
		background-color: rgb(215, 251, 233);
		padding: 2%;
	}
</style>
